body {
    background: #FFF;
    font-weight: normal;
    position: relative;
    font-size: 14px;
    font-family: "Microsoft Yahei", Tahoma, Arial, STHeiti, sans-serif, "����";
	line-height:2;
}
/* 导航条相关 */
.header-button { margin-left:3em; margin-right:3em;}
.header-button{ color:#f0483e; border-color:#f0483e;}
.header-button:hover{ color:#fff; border-color:#f0483e; background-color:#f0483e;}

#mobile-menu-button{ margin-top:30px;}
.header-menu{margin-top:40px;}
@media all and (max-width:700px){
	.header-menu{margin-top:0px;}
}
.navbar li a{ /*padding-left:1.5em; padding-right:1.5em;*/}
#topmenu{margin:0px;}
.logo{padding:10px;}

.topmenubar li ul{
display:none;
}
.topmenubar li:hover ul{display:block;}
.sub-navbar .navbar-nav {
    display: inline-block;
    float: none;
}
.sub-navbar .navbar-collapse {
    text-align: center;
}

.page-subject{line-height:1.5;}
/* 文字和背景色 */
.bg-white{background-color:#fff;}
.bg-lightgrey{background-color:#f6f6f6;}
.bg-blue{background-color:#52a0e1;}
.bg-darkblue{background-color:#0f2231; color:#CCCCCC;}
.bg-darkgrey{background-color:#333333; color:#CCCCCC;}
.bg-cadblue{background-color:#567092; color:#eee;}
.bg-green{background-color:#3da377; color:#fff;}
.txt-blue{color:#52a0e1;}
.txt-darkgrey{color:#333333;}
.txt-white{color:#fff;}
.txt-orange{color:#ff6633;}
.txt-green {
	color:#66CC66;
}
.txt-green a{
	color:#66CC66;
}
#traininfo:hover{color:inherit;}


li{list-style:none;}

a{
text-decoration:none; color:#333333;}
a:hover{color:#FF6633;}

.a-inherit:{color:inherit;}
.a-inherit:hover{color:inherit;  text-decoration:none;}

.box100 {
	width: 100%;
	clear:both;
	overflow:auto;
}
.box90 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.info-box{
	text-align:center;
	padding:2%;
}
.info-box img{margin:auto;}
.info-box-left{padding:20px;}
#newfunc a {
	color: #FFFFFF;
}
#newfunc a:hover {
	color:#FF9966;
}
#page-title-box img {float:right; margin:0px; padding-left:20px;}
th{text-align:center;}
td{padding-left:10px; padding-right:10px;}

.case-text{padding-left:10px; padding-right:20px; padding-top:30px;}
.case-title{color:#52a0e1;}
@media (max-width: 767px) {
}
.custlist{padding-left:10px; padding-right:20px; padding-top:20px;}
.custlist h3{margin-bottom:20px;}

.footer a{color:#52a0e1;}
/* 教程页所用 */
#menu-expand-button{margin-top:10px;}
/*#left-menu{padding:10px;}*/
.left-menu{width:25%; float:left; padding:10px; }
.content-right{margin-left:28%;}
@media (max-width: 767px) {
.left-menu{width:100%;}
.content-right{ margin-left:10px; margin-right:10px;}
}
.left-menu .list-group-item {
  position: relative;
  display: block;
  padding: 5px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

/*=======================================================
      HEADINGS
========================================================*/

h2{font-size:1.8em;}
h3{font-size:1.2em;}
.subtitle{padding-top:1em; padding-bottom:0.5em; text-align:center;}
.subtitle-left{padding-top:1em; padding-bottom:0.5em;}
.subtitle-1{padding-top:1.2em; padding-bottom:1.2em;}

/* �����С */
@media (max-width: 480px) {}
@media (max-width: 767px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

/* ��׮���� */
.block{
padding-left:5%; padding-right:5%;
margin:auto;
}
.block-center{
margin:auto; text-align:center;
padding-top:10px; padding-bottom:10px;}
.hr-blue{
    width: 200px;
    height: 2px;
    background: #3ea3ff;
    margin: 0 auto 20px;
    right: 0;
    left: 0;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.margin-top-40 {
    margin-top: 40px !important;
}
.margin-bottom-40 {
    margin-bottom: 40px !important;
}
.padding-top-20{padding-top:20;}
.padding-bottom-20{padding-bottom:20;}
.span-note{display:block; text-align:center;}
.space{display:block; height:20px;}
.read-more {
	padding-left: 20px;
	color:#FF6633;
}
.page-banner{
position: relative;
top:90px; 
margin-bottom:90px;
height:400px;
}
.after-nav{
position: relative;
top:90px; 
margin-bottom:90px;
}
.page-content .box100{ clear:none;}
.page-content .box-img{ 	
	width: 100%;
	clear:none;
	overflow:auto;
}
.qatxt{
	padding-left:30px;
	line-height: 1.5;
}
.inlinetitle{ display:inline;}
.his-year{
	width: 20%;
	float:left;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	margin-right:20px;
}
.his-year span{
	float:right;
	border:solid 1px #333333;
	border-radius: 15px;
	text-align:center;
	padding:8px;
}
.his-event{
	left:50%;
	float:left;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	width:60%;
	border-left:solid 1px #666666;
}
.his-event ul{
margin-top:0px;
margin-left:0px;
padding-top:0px;
}
.his-event li{
margin-top:0px;
margin-left:0px;
padding-top:0px;
}